<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title><!--{$config.site_title}--></title>
	<meta name="keywords" content="<!--{$config.site_keywords}-->">
    <meta name="description" content="<!--{$config.site_description}-->">
    <link rel="icon" href="<!--{$config.site_favicon}-->" type="image/x-icon" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Favicon -->
	
	<!-- bootstrap CSS -->
	<link rel="stylesheet" href="/static/home/web4/css/bootstrap.min.css" type="text/css" media="all">
	<!-- carousel CSS -->
	<link rel="stylesheet" href="/static/home/web4/css/owl.carousel.min.css" type="text/css" media="all">	
	<!-- animate CSS -->
	<link rel="stylesheet" href="/static/home/web4/css/animate.css" type="text/css" media="all">	
	<!-- animated-text CSS -->
	<link rel="stylesheet" href="/static/home/web4/css/animated-text.css" type="text/css" media="all">	
	<!-- font-awesome CSS -->
	<link rel="stylesheet" href="/static/home/web4/css/all.min.css" type="text/css" media="all">	
	<!-- font-flaticon CSS -->
	<link rel="stylesheet" href="/static/home/web4/css/flaticon.css" type="text/css" media="all">	
	<!-- theme-default CSS -->
	<link rel="stylesheet" href="/static/home/web4/css/theme-default.css" type="text/css" media="all">	
	<!-- meanmenu CSS -->
	<link rel="stylesheet" href="/static/home/web4/css/meanmenu.min.css" type="text/css" media="all">	
	<!-- Main Style CSS -->
	<link rel="stylesheet" href="/static/home/web4/css/style.css" type="text/css" media="all">
	<!-- transitions CSS -->
	<link rel="stylesheet" href="/static/home/web4/css/owl.transitions.css" type="text/css" media="all">
	<!-- venobox CSS -->
	<link rel="stylesheet" href="/static/home/web4/css/venobox.css" type="text/css" media="all">
	<!-- responsive CSS -->
	<link rel="stylesheet" href="/static/home/web4/css/responsive.css" type="text/css" media="all">

	<link rel="stylesheet" href="/static/home/web4/css/swiper.min.css" />
	<!-- modernizr js -->	
	<script src="/static/home/web4/js/modernizr-3.5.0.min.js"></script>	
	<!-- bootstrap icons -->
	<link rel="stylesheet" href="/static/home/web4/css/bootstrap-icons.css">

	
</head>
<body>
	<!-- loder -->
	<div class="loader-wrapper">
	  <div class="loader"></div>
	  <div class="loder-section left-section"></div>
	  <div class="loder-section right-section"></div>
	</div>

<!--==================================================-->
<!-- Start Menu Area -->
<!--==================================================-->
    <!--{include file='./file/header.html'}-->
<!--==================================================-->
<!-- end Menu Area -->
<!--==================================================-->


<!--==================================================-->
<!-- Start banner -->
<!--==================================================-->
    <!--{include file='./file/banner.html'}-->
<!--==================================================-->
<!-- end banner -->
<!--==================================================-->




<!--==================================================-->
<!-- Start body Area -->
<!--==================================================-->
    <!--{include file='./file/single.html'}-->
<!--==================================================-->
<!-- end body Area -->
<!--==================================================-->


<!--==================================================-->
<!-- Start bottom Area -->
<!--==================================================-->
    <!--{include file='./file/bottom.html'}-->
<!--==================================================-->
<!-- end bottom Area -->
<!--==================================================-->


<!--==================================================-->
<!-- Start scrollup section Area -->
<!--==================================================-->
<!-- scrollup section -->
<div class="scroll-area">
	<div class="top-wrap">
		<div class="go-top-btn-wraper">
			<div class="go-top go-top-button">
				<i class="fas fa-arrow-up"></i>
				<i class="fas fa-arrow-up"></i>
			</div>
		</div>
	</div>
</div>
<!--==================================================-->
<!-- Start scrollup section Area -->
<!--==================================================-->
	
	<!-- bootstrap js -->	
	<script src="/static/home/web4/js/bootstrap.min.js"></script>
	<!-- carousel js -->
	<script src="/static/home/web4/js/owl.carousel.min.js"></script>
	<!-- counterup js -->
	<script src="/static/home/web4/js/jquery.counterup.min.js"></script>
	<!-- waypoints js -->
	<script src="/static/home/web4/js/waypoints.min.js"></script>
	<!-- wow js -->
	<script src="/static/home/web4/js/wow.js"></script>
	<!-- imagesloaded js -->
	<script src="/static/home/web4/js/imagesloaded.pkgd.min.js"></script>
	<!-- venobox js -->
	<script src="/static/home/web4/js/venobox.js"></script>
	<!--  animated-text js -->	
	<script src="/static/home/web4/js/animated-text.js"></script>
	<!-- venobox min js -->
	<script src="/static/home/web4/js/venobox.min.js"></script>
	<!-- isotope js -->
	<script src="/static/home/web4/js/isotope.pkgd.min.js"></script>
	<!-- jquery meanmenu js -->	
	<script src="/static/home/web4/js/jquery.meanmenu.js"></script>
	<!-- jquery scrollup js -->	
	<script src="/static/home/web4/js/jquery.scrollUp.js"></script>
	<!-- theme js -->	
	<script src="/static/home/web4/js/theme.js"></script>
	<script src="/static/home/web4/js/jquery.barfiller.js"></script>

	<script src="/static/home/web4/js/swiper.min.js"></script>
   <script type="text/javascript">        
    var mySwiper = new Swiper ('.swiper-container', {
      loop: true, // 循环模式选项
      autoplay: {
          delay: 4000, //4秒切换一次
        },
      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
      },
    })        
    </script>
	<!-- jquery js -->		
</body>
</html>